<template>
  <div class="main flex-yc">
    <div class="flex-yc">
      <el-image class="el-avatar" src="" fit="contain"></el-image>
      <span class="username">章武寄</span>
    </div>
    <el-button class="btn" type="info">已关注</el-button>
  </div>
</template>

<script setup lang="ts"></script>

<style scoped lang="scss">
.main {
  justify-content: space-between;
  padding: 20px 0;
  border-bottom: 1px solid #ededed;

  .el-avatar {
    width: 40px;
    height: 40px;
    margin-right: 20px;
    border-radius: 50%;
  }

  .username {
    font-size: 16px;
    color: #021429;
  }

  .btn {
    //background-color: #f7f8fa;
    //color: #86909c;
    //font-size: 14px;
    //border: none;
  }
}
</style>
